<template>
  <div>
    <!--
      父 → 子   自定义属性
      子 → 父   自定义事件
    -->
    <my-component value="Hello world!" @change="onChange"></my-component>
  </div>
</template>

<script>
import MyComponent from './MyComponent.vue'

export default {
  components: {
    MyComponent
  },
  methods: {
    onChange(newVal) {
      console.log('onChange', newVal)
    }
  }
}
</script>
